<template>
  <div class="box">
    <h3>{{ title }}</h3>

    <div class="query">
      月份：
      <el-date-picker
        size="small"
        clearable
        v-model="formInline.startTime"
        type="month"
        value-format="yyyy-MM"
        placeholder="选择月份"
      />
      经济事项：
      <el-select
        size="small"
        clearable
        v-model="formInline.economicEvent"
        placeholder="请选择经济事项"
      >
        <el-option
          v-for="item in economicEventList"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        ></el-option>
      </el-select>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: '低通率分析'
    }
  },
  data() {
    return {
      economicEventList: [],
      formInline: {
        startTime: '',
        endTime: '',
        economicEvent: ''
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
  
</style>